/************������ҳ************/
.handicap-nav {
    position: relative;
}
.handicap-nav .container {
    position: relative;
    width: 770px;
}
.modal{z-index: 999999;}
.handicap-nav:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #23252b;}
.handicap-nav-list{width: 770px;}
.handicap-nav-list li{float: left;width: 154px;height: 40px;border-bottom: 1px #2e3238 solid;border-right: 1px solid #23252b;}
.handicap-nav-list li.active,.handicap-nav-list li:hover{background: #2E778A;}
.handicap-nav-list li.active a,ul.handicap-nav-list li.state-color a:hover{color: #ffffff;}
.handicap-nav-list li a{display: block;width: 154px;height: 40px;text-align: center;line-height: 40px;}

a:focus, a:hover{text-decoration: none;}
#bodyer{background: url("../img/match-bg.jpg") no-repeat center top #1e2124;min-height: 602px;color: #D4D4D4;margin-bottom: 20px;}
.green .status-normal{color: #90b526;}
.green.status-normal{color: #90b526;}
.status-normal{color: #ff6600;}
.status-locked{color: #D4D4D4;}
.status-cancel{color: #D4D4D4;}
.text-color-red{color: #ff3333;word-break: break-word;}
.color-grey{color: #a2a4a6;}
.color-anjin{color: #ee4e10;}
.color-white{color:#fff;}
.color-green,.color-1{color: #8ab71b;}
.color-jinse{color: #b35625;}
.color-yellow{color: #fed501;}
.color-yel{color:#f58302;}
.color-red,.color-0{color: #fa393a;}
.empty{padding: 70px 0;color: #D4D4D4;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}
.home{background-color:#23252b;width: 100%;height: 29px;overflow: hidden;width: 1080px;margin: auto;}
.quiz-container{width: 1080px;margin: auto;padding: 20px 0;}
.return-home{background: url("../img/quiz/jc-icon.png") no-repeat left;background-position: 0px -20px;width: 125px;height: 29px;padding-top: 5px;float: left;}
.home-icon{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0px 0px;width: 20px;height: 20px;padding: 5px 0;margin-left: 20px;float: left;}
.home-img{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: -20px 0px;width: 20px;height: 20px;padding: 5px 0;margin-left: 40px;float: left;}
.home-tittle{padding:6px 0;margin-left: 40px;float: left;margin-left:20px;}
.home-tittle i{background: url("../img/quiz/jc-icon.png") no-repeat left;background-position: -40px 0px;width: 20px;height: 20px;float: left;}
.quiz-left{width: 770px;float: left;background-color: #2e3238;}
.quiz-left-top{height: 50px;width: 100%;background-color: #23252b;margin-bottom: 15px;}
.quiz-left-top ul{height: 40px;}
.quiz-left-top li{height: 50px;float: left;line-height: 50px;padding-right: 20px;}
.quiz-left-top li.first{padding-left: 21px;}
.quiz-left li a{color: #D4D4D4;}
#quiz-list a{color: #D4D4D4;}
.quiz-left-top li.active{background-color:#2e3238;}
.quiz-left-top li.active a{color: #14b9d6;}
a.green div{color: #14b9d6;}
.quiz-left li a:hover{color: #14b9d6;text-decoration: none;}
.quiz-left .quiz-list li a:hover{color: #D4D4D4;text-decoration: none;}
.quiz-left-top li a div{height: 50px;}
.nav-sport i{background: url("../img/quiz/jc-icon.png") no-repeat center;width: 29px;height: 22px;float: left;background-position: -77px -54px;margin: 15px 5px 0 15px;}
.nav-csgo i{background: url("../img/quiz/jc-icon.png") no-repeat center;width: 22px;height: 22px;float: left;background-position: -107px -54px;margin: 15px 4px 0 15px;}
.nav-dota i{background: url("../img/quiz/jc-icon.png") no-repeat center;width: 22px;height: 22px;float: left;background-position: -1px -273px;margin: 15px 4px 0 19px;}
.nav-dota:hover i{background-position: 0 -246px;}
.nav-sport:hover i{background-position: -29px -247px;}
.nav-csgo:hover i{background-position: -74px -247px;}
.nav-dota.active i{background-position: 0 -246px;}
.nav-sport.active i{background-position: -29px -247px;}
.nav-csgo.active i{background-position: -74px -247px;}
.list-nav{height: 40px;width: 730px;background-color: #363b42;margin: auto;overflow: hidden;}
.list-nav-top{height: 40px;width: 100%;overflow: hidden;border-bottom: 1px solid #2e3238;}
.list-nav .list-nav-top ul{height: 40px;float: left;}
.list-nav li{float: left;height: 40px;line-height: 40px;padding: 0 20px;}
.list-nav-right{float: right;height: 40px;line-height: 40px;margin-right: 12px;}
.list-champion{width: 730px;height: 100px;background: url("../img/quiz/list-champion.png") no-repeat center;}
.quiz-list{width: 100%;background-color: #2e3238;padding-bottom: 20px;position:relative;}
.groom-guess .quiz-list{padding-top: 20px;}
.quiz-list li{position:relative;width: 730px;margin: auto;overflow: hidden;border-bottom: 1px solid transparent;border-top: 1px solid #363b42;}
.quiz-list li.guess-index-list{margin-bottom: 20px;}
/*.quiz-list li.guess-index-list:hover,.quiz-list li.guess-index-list.active{margin-bottom: 0;}*/
.nav-list-head{background-color: #363b42;width: 100%;height: 40px;line-height: 40px;}
.nav-list-head-left{float: left;height: 40px;}
.nav-list-head-left i{background: url("../img/quiz/games-logo.png") no-repeat center;width: 20px;height: 20px;float: left; margin: 11px 5px 0px 8px;}
.guess-match-list i{background: url("../img/quiz/games-logo.png") no-repeat center;width: 20px;height: 20px;margin: 11px 0 0px 0;}
.nav-list-head-left .snooker-icon,.guess-match-list .snooker-icon{background-position: -99px 0;}
.nav-list-head-left .basketball-icon,.guess-match-list .basketball-icon{background-position: -69px 0;}
.nav-list-head-left .dota-icon,.nav-list-head-left .dota2-icon,.guess-match-list .dota-icon{background-position: 0 0;}
.nav-list-head-left .csgo-icon,.guess-match-list .csgo-icon{background-position: -160px 0;}
.nav-list-head-left .football-icon,.guess-match-list .football-icon{background-position: -37px 0;}
.nav-list-head-left .volleyball-icon,.guess-match-list .volleyball-icon{background-position: -125px 0;}
.nav-list-head-left .hearthstone-icon,.guess-match-list .hearthstone-icon{background-position: -188px 0;}
.nav-list-head-right{float: right;padding-right: 20px;}
.guess-match{margin-bottom: 20px;}
.guess-match-nav{background: #2e3238;}
.guess-match-nav li{float: left;line-height: 49px;cursor: pointer;padding: 0 12px;}
.guess-match-nav li.active{border-bottom: 1px solid #14b9d6;}
.guess-match-list{position: relative;min-height: 40px;background-color: #34393f;}
.no-match{text-align: center;line-height: 80px;height: 80px;}
.guess-match-list li{line-height: 38px;}
.match-team-name{width: 58px;margin-left: 12px;}
.guess-match-list .guess-rank-media{padding: 0 12px;}
.match-spinach{margin-left: 12px;color: #afb0b2;}
.roading-more{background: #34393f;text-align: center;line-height: 40px;cursor: pointer;}
.roading-more i{background: url("../img/quiz/games-logo.png") no-repeat center;display: inline-block;width: 9px;height: 9px;margin-right: 5px;}
.down-road-more i{background-position: -1px -175px;}
.up-road-more i{background-position: -15px -175px;}
.guess-match-list{height: 400px;overflow: hidden;}
.match-ranking-nav li{float: left;}
.match-ranking-nav li a{padding: 15px 20px;color: #D4D4D4;display: inline-block;}
.match-ranking-nav li.active a{color: #16b2ce;border-bottom: 1px solid #16b2ce;}
.guess-rank-media .media-heading.min-height{min-height: 18px;}

.list-loading{min-height: 500px;}
.rangfen{color: #e1920b;}
.num-rol-mid.rangfen{color: #e1920b;font-size: 14px;overflow: hidden;width: 400px;position: absolute;left: 50%;margin-left: -200px;}
.rangfen-middle{position: relative;left: 50%;float: left;}
.rangfen-middle1{position: relative;left: -50%;float: left;}
.rangfen .inline{float: left;}
.nav-list-body{background-color: #23252b;width: 100%;height: 100px;padding-top: 23px;position: relative;}
.spinach-name-length{width: 150px;display: inline-block;}
.spinach-item-team{width: 267px;}
.spinach-item p{padding-top: 5px;font-size: 14px;padding-bottom: 5px}
.spinach-item-img{position: relative;}
.spinach-item-img img{border-radius: 4px;}
.item-img{position: absolute;left: 0;top: 0;}
.spinach-item-vs{float: left;width: 72px;display: table;vertical-align: middle;text-align: center;height: 55px;color: #d84915;display: table;}
.spinach-item-vs .td{display: table-cell;vertical-align: middle;}
.spinach-item-team.pull-left .spinach-item-data{margin-right: 100px;text-align: right;}
.spinach-item-team.pull-right .spinach-item-data{margin-left: 100px;}
.spinach-item{width: 610px;float: left;z-index: 1;position: relative;}
.spinach-league-img{width: 220px;position: absolute;right: 0;top: 0;height: 100px;}
.spinach-league-img img{opacity: 0.3;filter: alpha(opacity=0,finishopacity=30,style=1,startX=0,startY=0,finishX=50,finishY=0);}
.my-guess{background: #2e3238;padding-top:20px;display: none;overflow: hidden;}
.my-guess-team .my-guess-li{margin-bottom: 20px;}
.my-guess-team{width: 730px;margin: auto;background: #2e3238;overflow: hidden;}
.my-guess-head{height: 75px;position: relative;background-color: #393e46;}
.guess-class{padding: 0 5px;border-radius: 4px;margin-left: 20px;}
.guess-class-1{background-color: rgba(132,164,44,0.2);color: #84a42c;filter:alpha(opacity=20);}
.guess-class-2{background-color: rgba(238,57,64,0.2);color: #ee3940;filter:alpha(opacity=20);}
.guess-class-3,.guess-class-4,.guess-class-5,.guess-class-6,.guess-class-7,.guess-class-8,.guess-class-9,.guess-class-10,.guess-class-11,.guess-class-12,.guess-class-13,.guess-class-14,.guess-class-15,.guess-class-16{background-color: rgba(255,136,0,0.2);color: #ff8800;filter:alpha(opacity=20);}
.guess-team-mess{float: left;margin:0 12px;max-width: 123px;overflow: hidden;}
.guess-team-mess p{margin-top: 19px;}
.guess-team-mess p.draw{margin-top: 32px;}
.guess-team-mess span{margin-top: 4px;display:block;}
.guess-team-state{float: right;margin: 18px 20px 0 0;min-width: 140px;height: 50px;text-align: center;}
.guess-team{float: left;margin-top: 22px;}
.guess-team img{margin-left: 12px;border: 1px solid #474b50;border-radius: 2px;}
.guess-team img.draw{border: none;}

.handicap-list{display: none;}
.handicap-list .guess-rank-media{padding: 0;}
.handicap-list .guess-rank-media a{padding: 11px 20px;}
.open-handicap{height: 20px;background: #2e3238;width: 100%;text-align: center;line-height: 20px;border-top: 1px solid transparent;display: none;cursor: pointer;}
.open-handicap.active{background: #23252b;border-top: 1px solid #292b32;display: block;}
.open-handicap i{width: 12px;height: 13px;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: -93px 0;}
.open-handicap.active i{background-position: -107px 0;display: inline-block;}
.quiz-list li:hover .open-handicap,.quiz-list li.active .open-handicap{background: #40434d;border-top: 1px solid #292b32;display: block;}
.quiz-list li:hover .open-handicap i,.quiz-list li.active .open-handicap i{display: inline-block;}
.handicap-list-team{width: 305px;}
.handicap-list-vs{width: 80px;text-align: center;}
.statusname-normal{color: #eb770b;}
.statusname-normal.statusname-green{color: #90b526;}
.handicap-status{font-size: 12px;display: inline-block;}
.handicap-normal{color: #ff6600;}
.handicap-normal.handicap-green{color: #90b526;}
.handicap-clear,.handicap-cancel,.handicap-wait_cancel,.handicap-wait_clear{color: #D4D4D4;}
.handicap-name{width: 152px;}
.handicap-team{}
.handicap-teamname{opacity: 0.6;filter:alpha(opacity=60);max-width: 100px;display: inline-block;float: left;}
.rangfen-team-name{max-width: 64px;}
.handicap-odds{margin-left: 12px;display: inline-block;float: left;}
.handicap-list li{position: relative;}
.goto-guess-btn{position: absolute;right: 20px;top: 8px;}
.goto-guess{color: #ffffff;background: #16b2ce;display: block;width: 66px;height: 22px;line-height: 22px;text-align: center;}
.goto-guess-btn.guessbtn-clear .goto-guess,.goto-guess-btn.guessbtn-cancel .goto-guess,.goto-guess-btn.guessbtn-wait_cancel .goto-guess,
.goto-guess-btn.guessbtn-wait_clear .goto-guess{background: #727785;pointer-events: none;opacity: 0.7;filter:alpha(opacity=70);}
.goto-guess:hover{opacity: 0.5;filter:alpha(opacity=50);}



.my-guess-li .ulbg li{border: none;}
.my-guess-li .ulbg li:hover{border: none;}
.my-guess-mess{overflow: hidden;padding: 0 20px;}
#sp-my-guess .my-guess-mess{overflow: hidden;border-bottom: 1px solid #2e3238;}
.my-guess-mess div{float: left;height: 50px;padding-top: 16px;}
.my-guess-mess .guess-history-time{width: 160px;}
.guess-history-num{width: 190px;}
.guess-history-get{width: 230px;}
.my-guess-mess .close-quiz{background-color: #444953;border-radius: 4px;padding:5px 10px;width: 81px;border: none;margin-top: 12px;margin-left: 23px;display: none;}
.close-quiz.close-wait{display: inline-block;}
.my-guess-mess div:first-child{padding-top: 16px;}
.my-guess-mess .color-blue,.my-guess-mess .color-green{margin-left: 10px;}
.my-guess-num{width: 26px;height: 26px;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -170px;display: inline-block;margin: 0 20px;text-align: center;line-height: 26px;}

.quiz-right{width: 290px;float: right;}
.quiz-right-top{width: 100%;margin-bottom: 20px;}
.quiz-right-top .quiz-bd,.quiz-right-top .quiz-bs{height: 50px;}
.quiz-bd,.quiz-bs{width: 100%;background-color: #2e3238;height: 33px;}
.quiz-bd div{float: left;text-align: center;height: 33px;line-height: 33px;cursor: pointer; }
.quiz-bs div{float: left;height: 33px;line-height: 33px;}
.blue-round{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -203px;width: 10px;height: 10px;float: left;margin: 20px 10px 0 20px;}
.quiz-bd .blue-round,.quiz-bs .blue-round{margin: 11px 10px 0 20px;}
.suppos{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -221px;width: 17px;height: 17px;float: right;margin: 15px 20px;}
.guess-rank-list{display:inline-block;width:25px;height:25px;text-align: center;line-height:23px;
                border:1px solid #474b50;background-color:#2e3238;color:#a8aaac;border-radius: 25px;}
.guess-rank-media{color:#a8aaac;background-color:#34393f;border-top:1px solid transparent;border-bottom:1px solid transparent;padding:10px 20px;}
.guess-rank-media.th-rank-media{padding: 0;}
.guess-rank-media > a{display:block;}
.guess-rank-media a{color:#D4D4D4;}
.guess-rank-media{color:#D4D4D4;}
.guess-rank-media[data-list="1"].history-rank-media,.guess-rank-media[data-list="2"].history-rank-media,.guess-rank-media[data-list="3"].history-rank-media{color:#a8aaac;}
.guess-rank-media a:hover{text-decoration: none;}
.guess-rank-media.even{background-color:#393f46;}
.guess-rank-content{width:163px;}
.guess-rank-media .media-heading{font-size:12px;line-height:1.5;}
.guess-rank-media:hover{background-color:#40434d;border-top-color: #53555e;border-bottom-color:#2a2b32;}
.guess-rank-media[data-list="1"],.guess-rank-media[data-list="1"] a{color:#ff8800;}
.guess-rank-media[data-list="1"] .guess-rank-list{border-color:#ffa200;color:#ffa200;font-size:0;}
.guess-rank-media[data-list="1"] .guess-rank-list:before{display:inline-block;vertical-align: middle;content:"";width:12px;height:9px;background:url(../img/quiz/jc-icon.png) no-repeat -60px -1px;}
.guess-rank-media[data-list="2"],.guess-rank-media[data-list="2"] a{color:#e18d2d;}
.guess-rank-media[data-list="2"] .guess-rank-list{border-color:#e18d2d;color:#e18d2d;}
.guess-rank-media[data-list="3"],.guess-rank-media[data-list="3"] a{color:#8a745f;}
.guess-rank-media[data-list="3"] .guess-rank-list{border-color:#8a745f;color:#8a745f;}
.th-rank-media .th-height{padding: 12px 20px;}
.th-user-avatar{border-radius: 26px;margin-top: 1px;}
.guess-rank-avatar{border-radius: 100%;}

.light{color: #16b8d8;border-bottom: 1px solid #16b8d8;}
.black-rank{display: none;}
.ranking-mess{margin-right: 5px;overflow: hidden;float: left;}
.ranking-mess div{margin-top: 6px;}
.player-gread{width: 36px;height: 12px;background:url("../img/quiz/public-level.png") no-repeat center; background-position: 0 0;}
.ranking-name{margin-top:10px;max-width: 114px;}
.ranking-money{text-align: right;padding-right: 20px;float: right;}
.ranking-money .ranking-sl{margin-top: 11px;}
.road-more{width: 207px;height: 35px;line-height:35px;background-color: #23252b;border-radius: 3px;cursor: pointer;margin-top: 20px;text-align:center;margin-left: 281px;}
.road-more:hover{background-color: #14b9d6;color: #fff;}
.spinach-league-img .opacity-b{    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);}
.opacity-b {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.quiz-list li:hover{border-top:1px solid #484c54;border-bottom: 1px solid #292b32;}
.quiz-list li.active{border-top:1px solid #484c54;border-bottom: transparent;}
.quiz-list li:hover .spinach-league-img img,.quiz-list li.active .spinach-league-img img{opacity: 0.6;filter: alpha(opacity=0,finishopacity=60,style=1,startX=0,startY=0,finishX=50,finishY=0);}
.quiz-list li:hover .nav-list-head,.quiz-list li.active .nav-list-head{background-color:#363a45;}
.quiz-list li:hover .nav-list-body,.quiz-list li.active .nav-list-body{background-color: #40434d;}
.quiz-list li:hover .tournament-name,.quiz-list li.active .tournament-name{color: #fff;}
.quiz-list li:hover .nav-list-body:after,.quiz-list li.active .nav-list-body:after{opacity: 0.7;filter: alpha(opacity=0,finishopacity=70,style=1,startX=0,startY=0,finishX=50,finishY=0);}
.quiz-list li:hover .opacity-b,.quiz-list li.active .opacity-b{ background: -moz-linear-gradient(left,rgba(64,67,77,1),rgba(0,0,0,0) 70%);
    background: -webkit-linear-gradient(left,rgba(64,67,77,1),rgba(0,0,0,0) 70%);}
.gold1{color: #e84a22;}
.gold2{color: #ea8760;margin-left: 12px;}


/**********��������CSGO***********/
.league-nav ul{margin-left: -50px;}
//.league-nav li:first-child{margin-left: 0;}
//.league-nav li:first-child a{margin-left: 0;}
.league-nav li a{margin-left: 50px;line-height: inherit;text-align: center;padding-top: 10px;float: left;display: block;    height: 39px;font-size: 14px;}
.league-nav li a span{float: left;display: inline-block;line-height: 14px;margin-top: 4px;}
.container-header{width: 1080px;margin: auto;padding-top: 20px;margin-bottom: 20px;}
.container-header-icon{height:29px;line-height:29px;width:100%;background-color: #23252b;overflow: hidden;}
.left-icon{float: left;background:url("../img/quiz/jc-icon.png") no-repeat center;background-position:0 -20px;width: 126px;height: 29px;}
.home{width: 19px;height: 20px;float: left;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 0;margin:5px 0 0 18px; }
.home-right{width: 19px;height: 20px;float: left;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: -20px 0;margin:5px 0 0 41px;}
.match-team{float: left;margin-left: 12px;}
.match-team i{width: 20px;height: 20px;float: left;background: url("../img/quiz/jc-icon.png") no-repeat center;margin-top: 5px;}
.match-team.match-dota i{background-position: -1px -273px;}
.match-team.match-csgo i{background-position: -107px -54px;}
.match-team.match-football i,.match-team.match-basketball i,.match-team.match-snooker i,.match-team.match-volleyball i{background-position: -77px -54px;width: 30px;}
.match-team div{float: left;margin-left: 10px;}
.match-team div span{margin: 0 5px;}
.container-main{height: 168px;}
.containerbg-dota{background: url("../img/quiz/dota2-bg.jpg") no-repeat center;}
.containerbg-lol{background: url("../img/quiz/lol-bg.jpg") no-repeat center;}
.containerbg-football{background: url("../img/quiz/football-bg.jpg") no-repeat center;}
.containerbg-basketball{background: url("../img/quiz/basketball-bg.jpg") no-repeat center;}
.containerbg-csgo{background: url("../img/quiz/csgo-bg.jpg") no-repeat center;}
.containerbg-snooker{background: url("../img/quiz/snooker-bg.jpg") no-repeat center;}
.containerbg-volleyball{background: url("../img/quiz/volleyball-bg.jpg") no-repeat center;}
.containerbg-hearthstone{background: url("../img/quiz/hearthstone-bg.jpg") no-repeat center;}
.num-row{width: 100%;padding: 0 20px;height: 50px;line-height: 50px;overflow: hidden;position: relative;}
.num-rol{}
.num-rol-left{text-align: left;float: left;width: 30%;}
.teamname-width{max-width: 75px;display: inline-block;float: left;}
.num-rol-left span{margin-left: 10px;}
.num-rol-mid{text-align: center;width: 100%;}
.num-rol-right{text-align: right;float: right;width: 30%;}
.time-hour{margin-left: 10px;}
.pic-row{width: 100%;font-size: 14px;}
.pdou-zcl{text-align: center;padding-top: 5px;}
.pic-row .spinach-item-name{margin-top: 15px;}
.pic-row p{margin-bottom: 8px;}
.pic-left span,.pic-mid span,.pic-right span{display:block;}
.pic-left{float: left;text-align: right;width: 462px;}
.pic-pull-left{float: right;text-align: right;margin-right: 12px;}
.pic-mid{text-align: center;float: left;width: 156px;height: 80px;display: table;}
.pic-mid .td{display: table-cell;vertical-align: middle;}
.pic-right{float: right;text-align: left;width: 462px;}
.pic-pull-right{float: left;text-align: left;margin-left: 12px;}
.container-left{width: 770px;float: left;}
.container-right{width: 290px;float: right;}
.pdou-quiz{background-color: #23252b;width: 100%;height: 50px;}
.pdou-quiz ul li{float: left;width: 50%;text-align: center;height: 50px;line-height: 50px;position: relative;}
.pdou-quiz ul li a{color: #f1f1f1;text-decoration: none;}
.decor-quiz{display: none;}
.decor-pic{overflow: hidden;}
.decor-num{width: 730px;background-color: #33393f;padding: 20px;}
.decor-img.steam-item{width: 72px;height: 50px;position: relative;float: left;margin:0 15px 10px 0;cursor: pointer;}

.decor-img-price{color:#030303;position: absolute;top: 2px;left: 2px;padding: 0 4px;height: 13px;line-height: 13px;text-align: center;background-color: #ffffff;border-radius: 5px;
                display: inline-block;opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);}
.inventory-sort{width: 100%;height: 45px;background-color: #33393f;padding: 0 20px;}
.inventory-sort .pull-left .back-num{background:#23252b;display: inline-block;font-size: 12px;border-radius: 2px;margin-left: 10px;position: relative;padding: 0 4px;}
.inventory-sort .pull-left .back-num:before{border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 4px solid #23252b;content: "";
       position: absolute;left:-4px;top: 5px;}
.sort-order{padding-top: 12px;float: left;}
.sort-order li{float: left;}
.inventory-sort .pull-left{color:#D4D4D4;padding-top: 12px;}
.price-sort{margin-left: 20px;cursor: pointer;}
.price-sort i{background: url("../img/quiz/quiz-icon.png") no-repeat right;background-position: 0 -228px;width: 12px;height: 12px;float:right;margin: 18px 0 0 5px;}
.class-click {background-color: #23252b;border: 1px solid #23252b;width: 98px;height: 28px;line-height:26px;border-radius: 4px;padding-left: 10px;}
.decor-class{margin: 7px 0 0 12px;}
.bootstrap-select.btn-group .dropdown-menu{padding:0;}
.bootstrap-select.btn-group .dropdown-menu{background-color: #353840;}
.bootstrap-select .dropdown-menu>li>a{border-color: #40454e;}
.bootstrap-select .dropdown-menu>li{padding: 0 12px;}
.bootstrap-select .caret{right: -9px;}
.decor-class-select{width: 114px;height:28px;}
.decor-class-select button{width: 114px;height: 28px;background-color: #23252b;border: 1px solid #23252b;padding-top: 0;}
.decor-class-select button .filter-option{padding-top: 3px}
.btn.dropdown-toggle.selectpicker.btn-default{background-color: #23252b;border-color: #23252b;}
.decor-class-select.bootstrap-select .caret{top:-1px;background: none;}
.bootstrap-select .dropdown-menu>li>a{color: #D4D4D4;}
.input-class{float: right;width: 138px;height: 28px;background-color: #23252b;margin-top: 7px;border-radius: 4px;margin-left: 12px;position: relative;}
.input-class input{border: none;background: none;width: 138px;height: 28px;line-height: 28px;float: left;padding-left: 5px;}
.input-class i{cursor: pointer;background: url("../img/quiz/quiz-icon.png") no-repeat right;background-position: 0 -273px;width: 20px;height: 20px;margin: 6px 5px 0 0;position: absolute;right: 0;}
.inventory-sort .pull-right select i{width: 10px;height: 10px;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: 0 -211px;float: right;}
.inventory-pic{width: 100%;background-color: #2e3238;padding: 20px 0;}
.inventory-i{width: 732px;padding: 20px 0 10px 20px;background-color: #33393f;margin: auto;}
.inventory-img{width: 705px;overflow: hidden;padding: 20px 0 10px 20px;max-height: 300px;}
#sp-my-guess .list1 .inventory-img{background-color: #33393f;}
#sp-my-guess .inventory-img{width: 730px}
.change-quiz{display: none;position: absolute;top: 28px;z-index: 1;}
.change-quiz ul li{width: 140px;height: 28px;text-align: center;line-height: 28px;background-color: #444953;border-top: 1px solid #33393f;padding: 0 12px;}
.change-quiz .win-or-lose{background-color: #393e46;}
.change-quiz .win-or-lose .is-win,.change-quiz .win-or-lose .is-lose{width: 250px;}
.vp-inventory{}
.steam-inventory{width: 100%;background-color: #2e3238;display: none;}
.steam-cont{width: 730px;margin: auto;background: #33393f;padding: 63px 0;text-align: center;overflow: hidden;}
.steam-cont i{background: url("../img/quiz/quiz-icon.png") no-repeat right;background-position: -46px -120px;width: 43px;height: 43px;display: block;margin-left: 340px;}
.steam-cont p{margin: 15px 0;}
.binding-no{display: none;}
.steam-input input{background: none;border: none;}
.steam-text{width: 485px;height: 33px;background-color: #444953;float: left;border-radius: 4px;margin-left: 55px;}
.steam-text input{width: 485px;height: 33px;line-height: 33px;padding-left: 12px;}
.steam-btn{width: 108px;height: 33px;background-color: #14b9d6;float: left;border-radius: 4px;margin-left: 20px;}
.steam-btn input{width: 108px; height: 33px;text-align: center;}


.guess-nav ul li{cursor: pointer;}
ul li.active{color: #14b9d6;}
ul li.active a{color: #14b9d6;}
.pdou-quiz ul li{cursor: pointer;}
.pdou-quiz ul li.active:after{ content:"";display:block; width:0px;height:0px;border:9px solid transparent;border-bottom: 9px solid #33393f;position: relative;top:-19px;left:48%;}
.win-or-lose{width: 100%;height: 50px;background-color: #33393f;text-align: center;}
.winlose{cursor: pointer;display: inline-block;margin-top: 10px;background-color:#23252b;height: 30px;margin-left: 14.5px;text-align: center;padding-top: 5px;border: 1px solid #393f46;border-radius: 30px;}
.winlose:hover{color: #fff;}
.winlose.active{color: #fff;background:#24798b;border-color:#14b9d6;}
.winlose.active .color-yel{color:#fff;}
.is-win,.is-lose{width:268px;}
.winlose.is-lose{margin-right: 12px;}
.is-nowin{width: 160px;background-position: -270px 0;}
.winlose:hover{border-color:#14b9d6;background:#24798b;color: #fff;}
.winlose:hover .color-yel{color: #fff;}
.guess-no-enter{padding: 40px 0;text-align: center;background-color: #2e3238;}
.guess-no-enter p a{color: #e1920b;}
.text-color-blue{color: #14b9d6}
.guess-details{background-color: #2e3238;padding: 20px;overflow: hidden;}
.guess-details p{padding: 12px 20px;width: 730px;background-color: #393f46;border-radius: 3px;text-align: center;margin-bottom: 20px;word-break: break-word;}
.guess-details p a:hover{color:#208da0;}
.guess-input{height: 33px;margin-left: 85px;font-size: 14px;overflow: hidden;}
.lang_en .guess-input{margin-left: 50px;}
.guess-text-bean{margin-right: 50px;}
.lang_en .guess-text-bean{margin-right: 30px;}
.decor-submit.guess-submit{margin: 0 0 0 40px;width: 110px;height: 33px;text-align: center;}
.guess-num{height: 33px;line-height: 33px;font-size: 14px;}
.guess-text{border:none;background-color: #444953;border-radius: 3px;padding:5px 5px;margin: 0 12px;vertical-align: middle;}
.guess-submit{background-color: #14b9d6;border:none;border-radius: 3px;color: #fff;width: 100px;height: 33px;text-align: center;}
.guess-nav{width: 100%;height: 50px;line-height: 50px;background-color: #23252b;border-bottom: 1px solid #363b42;padding-left: 20px;}
.guess-nav li a div{height: 50px;color: #D4D4D4;font-weight: 700;}
.guess-nav li a:hover{text-decoration: none;}
.guess-nav li{float: left;margin-right: 40px;}

.guess-class-nav{width: 100%;background: #23252b;padding: 0 20px;}
.guess-class-nav li{float: left;line-height: 48px;margin-right: 30px;cursor: pointer;}
.guess-class-nav li.active{border-bottom: 2px solid #14b9d7;}
.guess-class-nav li:hover{color: #14b9d6;}

//.guess-nav li:first-child{margin-left: 20px;}
.guess-nav li.active a div{border-bottom: 2px solid #14b9d6;color: #14b9d6;}
.people-mess{}
.user-goto{background: #33373e;height: 40px;line-height: 40px;}
.user-goto li{float: left;width: 33.333%;text-align: center;}
.user-goto li i{background: url("../img/quiz/games-logo.png") no-repeat center;display: inline-block;margin-right: 5px;vertical-align: middle;}
.user-goto li a{color: #D4D4D4;}
.user-goto li:hover a{color: #14b9d6;}
.user-goto li.guess-history-url i{width: 16px;height: 16px;background-position: -362px -136px;}
.user-goto li.gold-history-url i{width: 14px;height: 16px;background-position: -362px -95px;}
.user-goto li.guess-inventory-url i{width: 16px;height: 16px;background-position: -381px -95px;}
.user-goto li.guess-history-url:hover  i{background-position: -362px -154px;}
.user-goto li.gold-history-url:hover i{background-position: -361px -116px;}
.user-goto li.guess-inventory-url:hover i{background-position: -381px -116px;}
.all-class-hide{color: #D4D4D4;}
.mess-head{background: url("../img/quiz/peolie-mess-bg.png") no-repeat center;width: 100%;height: 71px;}
.login-tovp{padding-top: 19px;line-height: 33px;}
.you-no-login{margin-left: 20px;line-height: 71px;}
.user-gold-inventory{margin-left: 5px;}
.login-tovp-bg{margin-right: 20px;width: 132px;height: 33px;text-align: center;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: -114px -33px;color: #fff;}
.mess-img{margin-left: 20px;line-height: 71px;}
.mess-img img{border-radius: 30px;}
.goto-buy-gold{margin-top: 40px;margin-left: 12px;}
.user-gold-message{width: 220px;}
.buy-gold{color: #D4D4D4;}
.buy-gold:hover{color: #14b9d6;}
.mess-name{margin-left: 12px;max-width: 160px;margin-top: 17px;}
.mess-gread{margin-left: 12px;margin-top: 20px;}
.mess-details{width: 100%;height: 64px;background-color: #33373e;padding: 8px 0;}
.mess-details .details-row .details-rol{float: left;width: 33.333333333333333%;text-align: center;}
.details-num{font-size: 16px;padding-top: 24px;}
.week-get{width: 100%;border-bottom: 1px solid #393f46;height: 40px;line-height: 40px;background-color: #2e3238;}
.week-get i{float: left;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: 0 -80px;width: 20px;height: 20px;margin: 12px 5px 0 12px;}
.get-num{width: 100%;height: 45px;background-color: #2e3238;line-height: 45px;}
.get-num li{float: left;width: 50%;text-align: center;}
.get-num li .color-blue,.get-num li .color-green{margin-left: 10px;}
.color-blue{color: #0db5ce;}

.th-gread{float: left;}
.th-name{max-width: 100px;margin-top: 16px;}
.th-gread .player-gread{margin-top: 20px;}
.th-height .th-gread{margin-top: 17px;}
.ranking-img.th-img img{margin-top: 0;}
.ranking-num.th-num div{margin-top: 13px;line-height: 24px;padding-top: 0;padding-left: 1px;}
.ranking-img.th-img{width: 45px;margin-top: 12px;}
.th-rank{margin-top: 21px;}
.th-rank .quiz-bs{border-bottom: 1px solid #212428;}
.th-rank .ulbg li{overflow: hidden;}
.th-rank .ulbg li:first-child .ranking-mess{color: #f28204;}
.th-rank .ulbg li:first-child+li .ranking-mess{color: #cf8430;}
.th-rank .ulbg li:first-child+li+li .ranking-mess{color: #756656;}
.th-pic{display: none;overflow: hidden;}
.th-pic .steam-item{width: 71px;height: 50px;margin: 12px 0 12px 20px;position: relative;}
.item-bg{position: absolute;top: 0;left: 0;}
.quiz-help{margin-top: 21px;}
.help-row{width: 100%;height: 100px;background-color: #33393f;}
.help-row.help-row2{background-color: #393f46;}
.help-rol{width: 33.33333%;height: 100px;float: left;text-align: center;color: #D4D4D4;}
.help-rol:hover{color: #14b9d6;}
.help-rol i{width: 43px;height: 43px;background: url("../img/quiz/games-logo.png") no-repeat center;display: block;margin: 20px 0 5px 27px;}
.jiaocheng i{background-position: 0 -82px;}
.jiaocheng:hover i{background-position: 0 -129px;}
.jieshao i{background-position: -349px -1px;}
.jieshao:hover i{background-position: -349px -45px;}
.cunqu i{background-position: -103px -82px;}
.cunqu:hover i{background-position: -104px -130px;}
.zhinan i{background-position: -318px -92px;}
.zhinan:hover i{background-position: -318px -136px;}
.jiaoyi i{background-position: -304px -1px;}
.jiaoyi:hover i{background-position: -304px -45px;}
.faq i{background-position: -264px -82px;}
.faq:hover i{background-position: -270px -125px;}
.th-ul li{cursor: pointer;}



/*****DOTA2��������******/
//ul li.active.state-color a{color: #14b9d6;}
//ul li.active.state-color a{border-bottom: 2px solid #14b9d6;}
ul li.state-color.active a:hover{color: #ffffff;}
ul li.state-color a:hover{color: #14b9d6;}
//.state-color.state-normal a{color:#eb770b;}
.state-color.state-normal .background-normal{background: #f8953a;padding: 0 3px 2px 3px;color: #793c0b;border-radius: 2px;margin-left: 5px;font-size: 11px;display: inline-block;-webkit-transform: scale(0.93);line-height: 14px;}
//.state-normal.green a{color:#90b526;}
.state-normal.green .background-normal{background: #a9ce41;padding: 0 2px 1px 2px;color: #29570b;border-radius: 2px;margin-left: 5px;}
.background-clear,.background-cancel,.background-wait_cancel,.background-wait_clear{background: #c9c9c9;padding: 0 2px 1px 2px;color: #575757;border-radius: 2px;margin-left: 5px;display: inline-block;-webkit-transform: scale(0.93);line-height: 14px;}
.state-color a{color: #b0b1b3;}
.nav-league{width: 100%;background-color: #454954;height: 50px;}
.nav-league li{height: 50px;float: left;text-align: center;}

.nav-league li.active{border-bottom: 2px solid #14b9d7;}
.nav.nav-tabs{background: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: none;background: none;color: #14b9d7;}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover{border: none;background: none;padding:17px 0;color: #F1F1F1;}
.zb-league .tab-content{min-height: 400px;background: #2e3238;}
.zb-league .nav-tabs>li>a{padding: 17px 20px;}
.guess-nav li.active{border-bottom: 2px solid #14b9d7;height: 50px;}
.guess-nav li{color: #fff;}
.live-map-head{height: 55px;text-align: center;padding: 0 20px;margin-top: -5px;}
.live-map-name{font-size: 16px;font-weight: bold;vertical-align: middle;}
.radiant-live-score,.dire-live-score{width: 50%;}
.hm-league-zb,.tw-league-zb{width: 100%;background-color: #2e3238;}
.tw-league-zb{padding: 20px;display: none;}
.tw-league-container{width: 730px;height: 440px;padding: 20px;background-color: #393e46;}
.tp-league-zb{width: 350px;height: 350px;background: url("../img/quiz/wz-map_1.jpg") no-repeat center;}
.wz-league-zb{width: 320px;height: 400px;overflow: hidden;}
.wz-league-zb li{margin-bottom: 8px;overflow: hidden;padding-right: 5px;}
.word-wrap{word-break: break-word;}
.ycj-handlers{margin-left: 5px;min-width: 26px;min-height: 26px;}
.ycj-action{margin: 0 5px;}
.qz-guess{background-color: #2f3239;padding:20px 0;width: 100%;overflow: hidden;}
.qz-graph{overflow: hidden;}
.right-graph{background-color: #393d46;margin-right:20px;width: 356px;}
.left-graph{background-color: #393d46;margin-left:20px;width: 356px;}
.graph-top{width: 100%;height: 78px;}
.graph-team{margin: 20px 12px 0 20px;}
.graph-team-mess{margin-top: 18px;}
.graph-team-mess p{margin-bottom: 3px;}
.graph-team-mess img{margin-right: 5px;}
.graph-mmr{background: url("../img/quiz/mmr-bg.png") no-repeat center;width: 85px;height: 75px;padding-top: 15px;text-align: center;}
.graph-form{height: 145px;background-color: #33393f;width: 100%;padding: 16px 8px;}
.no_score_history{padding: 43px 0;text-align: center;}
.qz-charts{position: absolute;width: 303px;height: 105px;background: url("../img/quiz/qz-charts.png") no-repeat center;top:3px;left:36px;}
.canvas-size{width: 340px;height: 130px;}
.canvas-size canvas{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);}
.team-member{width: 100%;min-height: 111px;}
.team-member ul{width: 100%;overflow: hidden;}
.team-member ul li{width: 20%;text-align: center;float: left;height: 111px;padding: 20px 0;}
.ateam-member ul li img{border: 1px solid #aebe82;border-radius: 100%;}
.right-graph .ateam-member ul li img{border: 1px solid #ffb2b5;border-radius: 100%;}
.ateam-member.bteam-member ul li img{border: 1px solid #ffb2b5;border-radius: 100%;}
.ateam-member ul li p{margin-top: 5px;}
.history-match{padding-top: 20px;width: 730px;margin: auto;}
.history-head.progress{width: 100%;height: 35px;line-height: 35px;overflow: hidden;margin: 0;border-radius: 0;background-color: #2f3239;position: relative;}
.history-head .pull-left.progress-bar-danger{width: 50%;background-color: #647b2d;height: 35px;line-height: 35px;border-radius: 0;position: relative;}
.history-head .pull-right.progress-bar-danger{width: 50%;background-color: #8f343b;height: 35px;line-height: 35px;border-radius: 0;position: relative;}
.history-head .pull-right .opacity-b { position: absolute;  content: '';  display: block;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background: -moz-linear-gradient(left,rgba(122,86,52,1),rgba(0,0,0,0) 10%);  background: -webkit-linear-gradient(left,rgba(122,86,52,1),rgba(0,0,0,0) 10%);}
.history-head .pull-left .opacity-b { position: absolute;  content: '';  display: block;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background: -moz-linear-gradient(right,rgba(122,86,52,1),rgba(0,0,0,0) 10%);  background: -webkit-linear-gradient(right,rgba(122,86,52,1),rgba(0,0,0,0) 10%);}
.history-ateam{padding-left: 20px;color: #e6ffa0;position: absolute;left: 0;top: 0;}
.history-ateam i{width: 12px;height: 12px;float:left;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: -19px -101px;margin: 12px 8px 0 0;}
.history-num{float: left;position: absolute;left: 50%;z-index: 1;margin-left: -55px;}
.history-num span{margin-right: 12px;}
.history-bteam{position: absolute;right: 0;top: 0;margin-right: 20px;color: #ffb3b5;}
.history-bteam i{width: 12px;height: 12px;float:right;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: -39px -102px;margin: 12px 0 0 8px;}
.history-table{width: 100%;}
.history-table ul li{width: 100%;overflow: hidden;padding: 0 20px;height: 50px;line-height: 50px;color: #aeafb1;}
.history-table ul li div{float: left;}
.history-time{width: 136px;padding-left: 20px;}
.history-match-type{width: 200px;}
.history-vs{width: 86px;text-align: center;}
.history-table-ateam,.history-table-bteam{width: 134px;text-align: center;}
.ss-guess{width:100%;padding: 20px 0;background-color: #2f3239;overflow: hidden;display: none;}
.ss-guess.no-data{padding: 70px 0;text-align: center;}
.banpick-pic{width: 730px;margin: auto;}
.banpick-pic .history-num{left: 50%;margin-left: -20px;}
.banpick-pic .history-num span{margin: 0 5px;}
.banpick-pic .history-ateam img{margin-right: 5px;margin-top: -3px;}
.banpick-pic .history-bteam img{margin-left: 5px;margin-top: -3px;}
.match-banpick li{width: 28px;height: 75px;margin-left: 1px;position: relative;float: left;margin-right: 3px;}
.league-detail-banpick .match-banpick li{height: 75px;}
.league-detail-banpick{height: 110px;padding: 18px 15px;background-color: #393d46;margin-bottom: 20px;}
.match-banpick li.team-0.ban-0 b:after{border-bottom-color: #dd3c3d;}
.match-banpick li:first-child{margin-right: 10px;}
.match-banpick li.ban-0 img{opacity: .3;filter: alpha(opacity=30);}
.match-banpick li.team-0 img{position: absolute;left: 0;top: 0;}
.match-banpick li.ban-0 b{background-color: #dd3c3d;}
.match-banpick li b{position: absolute;left: 0;top: 50%;display: block;width: 100%;height: 3px;}
.match-banpick li.team-0 b:after{right: 8px;top: -12px;border-bottom: 6px solid;}
.match-banpick li b:after {position: absolute;content: "";border: 6px solid transparent;}
.match-banpick li.team-1 b:after {left: 8px;bottom: -12px; border-top: 6px solid;}
.match-banpick li.team-1 b:after{left: 8px;}
.match-banpick li b:after {position: absolute;content: ""; border: 6px solid transparent;}
.match-banpick li.team-1.ban-0 b:after{border-top-color: #dd3c3d;}
.match-banpick li.team-1.ban-1 b:after{border-top-color: #8ab71b;}
.match-banpick li.team-0.ban-1 b:after{border-bottom-color: #8ab71b;}
.match-banpick li.team-1 img{position: absolute;left: 0;bottom: 0;}
.match-banpick li.ban-1 b{background-color: #8ab71b;}
.banpick-team{margin-right: 8px;}
.banpick-dire{margin-top: 40px;color: #cd3c3f;}
.ss-form{overflow: hidden;}
.ateam-form{width: 356px;height: 260px;margin-left: 20px;overflow: hidden;}
.form-mess{height: 40px;width: 100%;background-color: #393d46;overflow: hidden;line-height: 40px;padding-left: 12px;}
.form-mess .pull-right{margin-left: 16px;color: #cd3c3f;}
.form-mess .pull-right .color-yellow{margin:0 12px;}
.form-wai{height: 220px;width: 100%;background-color: #33393f;padding:10px 2px;}
.form-table{width: 336px;height: 210px;position: relative;}
.form-table canvas{position: absolute;z-index: 1;}
.form-table .ss-charts{background: url("../img/quiz/ss-charts.png") no-repeat center;width: 304px;height: 181px;position: absolute;left: 41px;top: 9px;}
.bteam-form{margin-right: 20px;width: 356px;height: 260px;}
.ss-detail-table{width: 730px;margin-left: 20px;margin-top: 20px;}
.ss-detail-table table{margin-bottom: 0;}
.ss-detail-head{width: 100%;background-color: #434750;height: 45px;overflow: hidden;line-height: 45px;border-bottom: 1px solid #2d3238;font-weight: 500;}
.ss-detail-head .blue-round{margin: 18px 10px 0 20px;}
.text-left{text-align: left;}
.text-left img{margin-right: 5px;}
.player-details-name{}
.end-games-table{text-align: center;}
.end-games-gpm{width: 110px;}
.end-games-kda{width: 90px;}
.end-games-table thead tr th{border: none;height: 35px;background-color: #34393f;text-align: center;cursor: pointer;position: relative;}
.end-games-table thead tr th.active{background-color: #393e46;}
.end-games-table thead tr th:first-child{text-align: left;width: 165px;padding-left: 30px;}
.end-games-table thead tr th.gold-bg{background-color: #393d46;}
.end-games-table tbody tr td:first-child{padding-left: 12px;}
.end-games-table tbody tr td{background-color: #3e393f;height: 50px;border: none;vertical-align: middle;}
.end-games-table tbody tr td.gold-bg{background-color: #56393e;}
.end-games-table tbody tr.player-0 td{background-color: #39403d;height: 50px;}
.end-games-table tbody tr.player-0 td.gold-bg{background-color: #455238;}
.end-games-table tbody tr.player-1 td{background-color: #39403d;height: 50px;}
.end-games-table tbody tr.player-1 td.gold-bg{background-color: #455238;}
.end-games-table tbody tr.player-2 td{background-color: #39403d;height: 50px;}
.end-games-table tbody tr.player-2 td.gold-bg{background-color: #455238;}
.end-games-table tbody tr.player-3 td{background-color: #39403d;height: 50px;}
.end-games-table tbody tr.player-3 td.gold-bg{background-color: #455238;}
.end-games-table tbody tr.player-4 td{background-color: #39403d;height: 50px;}
.end-games-table tbody tr.player-4 td.gold-bg{background-color: #455238;}


/**********�ھ�����ʽ************/
.container-header.champion-head{padding-bottom: 20px;}
.champion-container{width: 100%;background: url("../img/quiz/champion-bg.png") no-repeat top;padding-bottom: 20px;text-align: center;padding-top: 65px;}
.champion-container .champion-who{font-size: 30px;font-weight: 500;}
.champion-all{margin-top: 30px;}
.champion-all span{margin-left: 12px;}
.champion-team{width: 730px;margin: 20px 0 0 20px;background-color: #393d46;padding:20px 20px 0 20px;}
.champion-team .col-md-3{margin-bottom: 20px;}
.chose-team{width: 150px;position: relative;cursor: pointer;}
.chose-team .img-chose{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 1;background-color: #739339;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.chose-team .img-chose img{margin-top: 29px;}
.support{height: 26px;line-height: 26px;overflow: hidden;padding: 0 12px;width: 100%;background-color: #24252a;}
.support-height{height: 2px;width: 100%;border-bottom: 2px solid #454954;}
.support-width{width: 50%;height: 2px;border-bottom: 2px solid #657c2e;}
.champion-details{padding-top: 0;width: 100%;text-align: center;padding-bottom: 30px;background-color: #2f3239;}
.champion-details p{width: 100%;height: 40px;line-height: 40px;background-color: #393f46;}
.you-chose{margin: 30px 0;}
.you-chose-team{margin-left: 12px;}
.you-team-support{margin-left: 50px;}
.col-md-3{float: left;}
.net-friend{background-color: #2e3238;padding: 20px;}
.net-friend ul{width: 730px;overflow: hidden;}
.net-friend ul li{height: 55px;line-height: 55px;padding-left: 20px;}
.net-friend ul li div{float: left;}
.net-team-logo{width: 70px;}
.net-team-logo img{border: 1px solid #3e4248;border-radius: 2px;}
.net-team-name{width: 125px;}
.net-support-pic{width: 375px;height: 3px;border-bottom: 3px solid #444953;margin-top: 26px;}
.net-support-img{background-color: #6e853a;width: 82%;height: 3px;position: relative;}
.net-support-img b{background: -moz-linear-gradient(right,rgba(68,73,83,1),rgba(0,0,0,0) 50%);background: -webkit-linear-gradient(right,rgba(68,73,83,1),rgba(0,0,0,0) 50%);}
.net-support-num{margin-left: 50px;}
.team-history{padding: 20px;background-color: #2e3238;}
.team-history-nav{overflow: hidden;height: 35px;line-height: 35px;background-color: #444953;}
/*.team-history-nav .team-history-nam{text-align: center;}*/
.team-history-rank{width: 70px;text-align: center;float: left;}
.team-history-nam{width: 210px;float: left;}
.team-history-mmr,.team-history-cs,.team-history-win{width: 150px;float: left;}
.team-history ul li{height: 55px;overflow: hidden;padding-top: 12px;}
.team-history-rank-bg{width: 26px;height: 26px;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -170px;margin:3px 0 0 20px;padding: 3px 0 0 1px;}
.team-history ul li:first-child .team-history-rank-bg{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -143px;font-size: 0;}
.team-history ul li:first-child+li .team-history-rank-bg{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: -25px -51px;}
.team-history ul li:first-child+li+li .team-history-rank-bg{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: -50px -51px;}

.net-team-logo{float: left;}
.history-team-name{margin-top: 8px;float: left;width: 124px;}
.team-history img{float: left;}
.mmr-lineae,.num-lineae,.win-lineae{height: 3px;margin-top: 5px;}
.mmr-lineae{background-color: #ff7e00;width: 60%;}
.num-lineae{background-color: #D4D4D4;width: 75%;}
.win-lineae{background-color: #80aa21;width: 85%;}
.my-guess-history{padding: 20px;background-color: #2e3238;}
.my-guess-history ul li{height: 55px;overflow: hidden;line-height: 55px;}
.my-guess-nav{overflow: hidden;background-color: #444953;height: 35px;line-height: 35px;}
/*.my-guess-nav .my-guess-name{text-align: center;}*/
.my-guess-time,.my-guess-pean,.my-guess-get{float: left;text-align: center;}
.my-guess-name{float: left;text-align: left;width: 250px;}
.my-guess-name .winner{margin-left: 12px;float: left;}
.guess-team-name{max-width: 140px;float: left;}
.my-guess-zt{float: right;text-align: right;padding-right: 20px;}
.my-guess-time{}
.my-guess-pean,.my-guess-get{width: 120px;}
.freshen{background: url('../img/quiz/quiz-icon.png') no-repeat center;background-position: -253px -41px;width: 16px;height: 16px;margin: 13px;cursor: pointer;}
.arrow-point:after{content: "";position: absolute;top: 0;right: 5px;width: 12px;height: 12px;background: url('../img/quiz/quiz-icon.png') no-repeat center;}
.arrow-point.arrow-point-down:after{background-position: -23px -79px;}
.arrow-point.arrow-point-up:after{background-position: -46px -79px;}
/********��������ʽ**********/
.jspTrack{background-color: #393e46;}
.jspDrag{background-color: #525863;}

.state-lose,.state-win{position: relative;}
.state-win:before{content: "";position: absolute;width: 40px;height: 40px;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: -710px 0;}
.state-lose:before{content: "";position: absolute;width: 40px;height: 40px;background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: -756px 0;}
.lang_en.state-win:before{background-position: -711px -85px;}
.lang_en.state-lose:before{background-position: -758px -85px;}
.state-wait .change-team{margin-top: 6px;margin-left: 13px;cursor: pointer;position: relative;}
.change-team-btn{float: left;background-color: #444953;border-radius: 4px;padding:5px 20px;width: 140px;}
.state-cancel .league-state-cancel{display: block;}
.state-win .change-team,.state-lose .change-team,.state-cancel .change-team,.league-state-cancel{display: none;}
#pdou-my-guess li,#my-guess-bean #sp-my-guess li{border: none;}
#pdou-my-guess li{background-color: #33393f;}
.btn-confirm{background-color: #444953;border-radius: 4px;padding: 5px 10px;border: none;margin-left: 20px;display: none;}


.quiz-recom{margin-top: 20px;}
#quiz-recom-list,#th-ul{min-height: 70px;background: #33393f;}
.guess-sj-content{background: #2f3239;position:relative;min-height: 200px;}
.noquiz-recom-list{padding: 30px 0;text-align: center;width: 100%;background: #33393f;}
.encounters{display: none;}
.encounters.lang_en{display: block;}
.recom-plate{width: 100%;height: 18px;background-color: #4a4c4f;color: #a6a7a9;text-align: center;}
.recom-details{width: 100%;height: 67px;background-color: #33393f;}
.recom-team{width: 140px;overflow: hidden;}
.recom-team-left{text-align: right;}
.recom-team-right{text-align: left;}
.recom-details{overflow: hidden;}
.recom-team-logo{margin-top: 19px;}
.recom-team-mess{margin-top: 17px;margin-right: 5px;color: #6b6e72}
.recom-team-right .recom-team-mess{margin-left: 5px;}


.public-modal .modal-footer .btn{display: none;}
.public-modal .modal-footer .btn[data-dismiss="modal"]{display: inline-block;}
.recom-team-zcl{width: 25px;height: 2px;}
.recom-team-zcl-left{height: 2px;background-color: #83a52d;float: right;margin: 8px 5px 0 0;border-radius: 2px;}
.recom-team-zcl-right{height: 2px;background-color: #da393e;margin: 8px 0 0 5px;border-radius: 2px;}
.radiant-0{display: none;}
.radiant-1{display: inline-block;}
.dire-0{display: inline-block;}
.dire-1{display: none;}
#ss,#qz,#tj,#my-guess{width: 100%;}
.no-history{margin-bottom: 20px;text-align: center;padding: 100px 0}
.no-ranking{background: #33393f;padding:30px 0;text-align: center;}
.nav-tabs>li>a{margin-right: 0px;}
.pdou-quiz .nav,.nav-league .nav,.guess-nav .nav{height: 50px;}
.nav-tabs{border: none;}
#tvlive iframe{width: 770px;height: 480px;border: none;}
#tvlive embed{width: 770px;height: 480px;}
.area-ico{margin-right: 5px;}
.no-decor{background-color: #33393f;padding: 65px 0 85px 0;text-align: center;width: 730px;margin-left: 20px;}
.no-decor a:hover{color: #208da0;}
.no-decor i{display: block;margin-bottom: 20px;background: url("../img/quiz/nodecor.png") no-repeat center;width: 47px;height: 47px;margin-left: 327px;}
.no-decor-class{text-align: center;padding: 70px 0;}
.no-list{text-align: center;padding: 45px 0;}
.no-list-sorry{font-size: 16px;font-weight: bold;color: #b5bdce;}
.no-list-other{color: #5e6474;padding: 10px 25px;border-bottom: 1px solid #5e6474;width: 290px;margin: auto;}
.no-list-other.lang_en{width: 375px;}
.no-list i{display: block;width: 258px;height: 166px;background: url("../img/quiz/nolist-img.png") no-repeat center;margin: 90px 0 0 245px;}
.nolist-text{width: 90px;height: 49px;background: url("../img/quiz/nolist-text.png") no-repeat center;color: #2e3238;position: absolute;right: 275px;top: 175px;padding: 3px 5px;}
.container-header-bottom{width: 100%;height: 3px;margin-bottom: 20px;}
.red-line{width: 50%;height: 3px;background-color: #9e3234;}
.blue-line{width: 50%;height: 3px;background-color: #7f9d3f;}
.no-recom{background-color: #393f46;padding: 20px 0 20px 20px;}

.spinach-item-bo{}
.category-csgo,.category-basketball,.category-football,.category-snooker,.category-volleyball,.category-hearthstone{display: none;}
.nav>li.category-csgo,.nav>li.category-basketball,.nav>li.category-football,.nav>li.category-snooker,.nav>li.category-volleyball,.nav>li.category-hearthstone{display: none;}


#tp-league-zb{position: relative;}
.tower-status,.barracks-status{position: absolute;width: 16px;height: 16px;background:  url("../img/quiz/map-icon.png") no-repeat center;}
.players-postion{position: absolute;width: 36px;height: 36px;background:  url("../img/quiz/map-icon.png") no-repeat center;}
.tower-radiant.tower-status-1{background-position: -142px 0;}
.tower-status-0{background-position: -102px 0;}
.tower-dire.tower-status-1{background-position: -185px 0;}
.barracks-radiant.barracks-status-1{background-position: -121px 0;}
.barracks-dire.barracks-status-1{background-position: -163px 0;}
.tower-status{z-index: 1;}
.barracks-status-0{background-position: -81px 0;}
.tower-radiant-1{left:42px;top:271px;}
.tower-radiant-2{left:53px;top:282px;}
.tower-radiant-3{left:94px;top:298px;}
.tower-radiant-4{left:159px;top:298px;}
.tower-radiant-5{left:275px;top:295px;}
.tower-radiant-6{left:70px;top:249px;}
.tower-radiant-7{left:96px;top:230px;}
.tower-radiant-8{left:134px;top:190px;}
.tower-radiant-9{left:28px;top:234px;}
.tower-radiant-10{left:33px;top:186px;}
.tower-radiant-11{left:33px;top:132px;}
.tower-dire-1{left:279px;top:59px;}
.tower-dire-2{left:290px;top:68px;}
.tower-dire-3{left:305px;top:110px;}
.tower-dire-4{left:305px;top:159px;}
.tower-dire-5{left:305px;top:207px;}
.tower-dire-6{left:253px;top:91px;}
.tower-dire-7{left:222px;top:124px;}
.tower-dire-8{left:188px;top:155px;}
.tower-dire-9{left:243px;top:44px;}
.tower-dire-10{left:172px;top:40px;}
.tower-dire-11{left:72px;top:39px;}
.barracks-radiant-1{left:81px;top:292px;}
.barracks-radiant-2{left:81px;top:306px;}
.barracks-radiant-3{left:58px;top:254px;}
.barracks-radiant-4{left:70px;top:264px;}
.barracks-radiant-5{left:22px;top:245px;}
.barracks-radiant-6{left:36px;top:245px;}
.barracks-dire-1{left:298px;top:98px;}
.barracks-dire-2{left:312px;top:98px;}
.barracks-dire-3{left:258px;top:78px;}
.barracks-dire-4{left:268px;top:92px;}
.barracks-dire-5{left:256px;top:38px;}
.barracks-dire-6{left:256px;top:52px;}
.players-postion{z-index: 2;}
.players-postion-0,.players-postion-1,.players-postion-2,.players-postion-3,.players-postion-4{background-position: 0 0;}
.players-postion-128,.players-postion-129,.players-postion-130,.players-postion-131,.players-postion-132{background-position: -38px 0;}

.hero-img{border-radius: 36px;margin: 5px;}
.guess-name-width.ellipsis{max-width: 110px;display: inline-block;vertical-align:middle;margin-top: -4px;}
.inline{display: inline-block;}
.my-guess-rangfen{padding-top: 30px;color: #e1920b;width: 100%;}
.spinach-status-win {
    position: absolute;
    left: -12px;
    top: -12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url("../img/oafgwwv6.png") no-repeat center;
}
.public-modal .modal-footer .btn.btn-yes{display: inline-block;}


/**CSGO边框颜色**/
.steam-item.quality-normal{border-color: rgb(178, 178, 178);}
.steam-item.quality-strange{border-color: rgb(207, 106, 50);}
.steam-item.quality-tournament{border-color: rgb(255, 215, 0);}
.steam-item.quality-unusual{border-color: rgb(134, 80, 172);}
.steam-item.quality-unusual_strange{border-color: rgb(134, 80, 172);}

.exterior-box {color: #d4cdc3;}


.area-ico{display: inline-block;width: 16px;height: 11px;background-image:url(../img/area-icon.png)}
.area-ico.area-eu{background-position:0 0;} /*欧洲联盟*/ 
.area-ico.area-ad{background-position:-17px 0;} /*安道尔公国*/ 
.area-ico.area-ae{background-position:-34px 0;} /*阿联酋*/ 
.area-ico.area-ag{background-position:-51px 0;} /*安提瓜和巴布达*/ 
.area-ico.area-al{background-position:-68px 0;} /*阿尔巴尼亚*/
.area-ico.area-am{background-position:-85px 0;} /*亚美尼亚*/
.area-ico.area-ao{background-position:-102px 0;} /*安哥拉*/
.area-ico.area-ar{background-position:-119px 0;} /*阿根廷*/
.area-ico.area-at{background-position:-136px 0;} /*奥地利*/
.area-ico.area-au{background-position:-153px 0;} /*澳大利亚*/
.area-ico.area-az{background-position:-170px 0;} /*阿塞拜疆*/
.area-ico.area-bb{background-position:-187px 0;} /*巴巴多斯*/
.area-ico.area-bd{background-position:-204px 0;} /*孟加拉国*/
.area-ico.area-be{background-position:-221px 0;} /*比利时*/
.area-ico.area-bf{background-position:-238px 0;} /*布基纳法索*/
.area-ico.area-bg{background-position:-255px 0;} /*保加利亚*/
.area-ico.area-bh{background-position:-272px 0;} /*巴林*/
.area-ico.area-bj{background-position:-289px 0;} /*贝宁*/
.area-ico.area-bl{background-position:-306px 0;} /*巴勒斯坦*/
.area-ico.area-bm{background-position:-323px 0;} /*百慕大群岛*/
.area-ico.area-bn{background-position:-340px 0;} /*文莱*/
.area-ico.area-bo{background-position:-357px 0;} /*玻利维亚*/
.area-ico.area-br{background-position:-374px 0;} /*巴西*/
.area-ico.area-bw{background-position:-391px 0;} /*博茨瓦纳*/
.area-ico.area-by{background-position:-408px 0;} /*白俄罗斯*/
.area-ico.area-bz{background-position:-425px 0;} /*伯利兹*/
.area-ico.area-ca{background-position:-442px 0;} /*加拿大*/
.area-ico.area-cf{background-position:-459px 0;} /*中非共和国*/
.area-ico.area-cg{background-position:-476px 0;} /*刚果*/
.area-ico.area-ch{width:11px;height:11px;background-position:-493px 0;} /*瑞士*/
.area-ico.area-ck{background-position:-505px 0;} /*库克群岛*/
.area-ico.area-cl{background-position:-522px 0;} /*智利*/
.area-ico.area-cn{background-position:-539px 0;} /*中国*/
.area-ico.area-co{background-position:-556px 0;} /*哥伦比亚*/
.area-ico.area-cr{background-position:-573px 0;} /*哥斯达黎加*/
.area-ico.area-cs{background-position:-690px 0;} /*捷克*/
.area-ico.area-cu{background-position:-607px 0;} /*古巴*/
.area-ico.area-cy{background-position:-624px 0;} /*塞浦路斯*/
.area-ico.area-de{background-position:-641px 0;} /*德国*/
.area-ico.area-dj{background-position:-658px 0;} /*吉布提*/
.area-ico.area-dk{background-position:-675px 0;} /*丹麦*/
.area-ico.area-do{background-position:-692px 0;} /*多米尼加共和国*/
.area-ico.area-dz{background-position:-709px 0;} /*阿尔及利亚*/
.area-ico.area-ee{background-position:-726px 0;} /*爱沙尼亚*/
.area-ico.area-eg{background-position:-743px 0;} /*埃及*/
.area-ico.area-fi{background-position:-760px 0;} /*芬兰*/
.area-ico.area-fj{background-position:-777px 0;} /*斐济*/
.area-ico.area-fr{background-position:-794px 0;} /*法国*/
.area-ico.area-gb{background-position:-811px 0;} /*英国*/
.area-ico.area-ge{background-position:-828px 0;} /*格鲁吉亚*/
.area-ico.area-gh{background-position:0 -12px;} /*加纳*/
.area-ico.area-gm{background-position:-17px -12px;} /*冈比亚*/
.area-ico.area-gn{background-position:-17px -12px;} /*几内亚*/
.area-ico.area-gr{background-position:-34px -12px;} /*希腊*/
.area-ico.area-gu{background-position:-51px -12px;} /*关岛*/
.area-ico.area-gy{background-position:-68px -12px;} /*圭亚那*/
.area-ico.area-hk{background-position:-85px -12px;} /*香港特别行政区*/
.area-ico.area-hu{background-position:-102px -12px;} /*匈牙利*/
.area-ico.area-id{background-position:-119px -12px;} /*印度尼西亚*/
.area-ico.area-ie{background-position:-136px -12px;} /*爱尔兰*/
.area-ico.area-hn{background-position:-153px -12px;} /*洪都拉斯*/
.area-ico.area-il{background-position:-170px -12px;} /*以色列*/
.area-ico.area-in{background-position:-187px -12px;} /*印度*/
.area-ico.area-iq{background-position:-204px -12px;} /*伊拉克*/
.area-ico.area-ir{background-position:-221px -12px;} /*伊朗*/
.area-ico.area-is{background-position:-238px -12px;} /*冰岛*/
.area-ico.area-it{background-position:-255px -12px;} /*意大利*/
.area-ico.area-jm{background-position:-272px -12px;} /*牙买加*/
.area-ico.area-jo{background-position:-289px -12px;} /*约旦*/
.area-ico.area-jp{background-position:-306px -12px;} /*日本*/
.area-ico.area-ke{background-position:-323px -12px;} /*肯尼亚*/
.area-ico.area-kg{background-position:-340px -12px;} /*吉尔吉斯斯坦*/
.area-ico.area-kh{background-position:-357px -12px;} /*柬埔寨*/
.area-ico.area-kp{background-position:-374px -12px;} /*朝鲜*/
.area-ico.area-kt{background-position:-391px -12px;} /*科特迪瓦共和国*/
.area-ico.area-kw{background-position:-408px -12px;} /*科威特*/
.area-ico.area-kz{background-position:-425px -12px;} /*哈萨克斯坦*/
.area-ico.area-la{background-position:-442px -12px;} /*老挝*/
.area-ico.area-lb{background-position:-459px -12px;} /*黎巴嫩*/
.area-ico.area-lc{background-position:-476px -12px;} /*圣卢西亚*/
.area-ico.area-li{background-position:-493px -12px;} /*列支敦士登*/
.area-ico.area-lk{background-position:-510px -12px;} /*斯里兰卡*/
.area-ico.area-lr{background-position:-527px -12px;} /*利比里亚*/
.area-ico.area-lt{background-position:-544px -12px;} /*立陶宛*/
.area-ico.area-lu{background-position:-561px -12px;} /*卢森堡*/
.area-ico.area-lv{background-position:-578px -12px;} /*拉脱维亚*/
.area-ico.area-ma{background-position:-595px -12px;} /*摩洛哥*/
.area-ico.area-mc{background-position:-612px -12px;} /*摩纳哥*/
.area-ico.area-md{background-position:-629px -12px;} /*摩尔多瓦*/
.area-ico.area-mg{background-position:-646px -12px;} /*马达加斯加*/
.area-ico.area-ml{background-position:-663px -12px;} /*马里*/
.area-ico.area-mn{background-position:-680px -12px;} /*蒙古*/
.area-ico.area-mo{background-position:-697px -12px;} /*澳门*/
.area-ico.area-ms{background-position:-714px -12px;} /*蒙特塞拉特岛*/
.area-ico.area-mt{background-position:-731px -12px;} /*马耳他*/
.area-ico.area-mu{background-position:-748px -12px;} /*毛里求斯*/
.area-ico.area-mv{background-position:-765px -12px;} /*马尔代夫*/
.area-ico.area-mw{background-position:-782px -12px;} /*马拉维*/
.area-ico.area-mx{background-position:-799px -12px;} /*墨西哥*/
.area-ico.area-my{background-position:-816px -12px;} /*马来西亚*/
.area-ico.area-mz{background-position:0 -24px;} /*莫桑比克*/
.area-ico.area-na{background-position:-17px -24px;} /*纳米比亚*/
.area-ico.area-ne{background-position:-34px -24px;} /*尼日尔*/
.area-ico.area-ng{background-position:-51px -24px;} /*尼日利亚*/
.area-ico.area-ni{background-position:-68px -24px;} /*尼加拉瓜*/
.area-ico.area-nl{background-position:-85px -24px;} /*荷兰*/
.area-ico.area-no{background-position:-102px -24px;} /*挪威*/
.area-ico.area-np{background-position:-119px -24px;} /*尼泊尔*/
.area-ico.area-nr{background-position:-131px -24px;} /*瑙鲁*/
.area-ico.area-nz{background-position:-148px -24px;} /*新西兰*/
.area-ico.area-om{background-position:-165px -24px;} /*阿曼*/
.area-ico.area-pa{background-position:-182px -24px;} /*巴拿马*/
.area-ico.area-pf{background-position:-199px -24px;} /*法属玻利尼西亚*/
.area-ico.area-pg{background-position:-216px -24px;} /*巴布亚新几内亚*/
.area-ico.area-ph{background-position:-233px -24px;} /*菲律宾*/
.area-ico.area-pk{background-position:-250px -24px;} /*巴基斯坦*/
.area-ico.area-pl{background-position:-267px -24px;} /*波兰*/
.area-ico.area-pr{background-position:-284px -24px;} /*波多黎各*/
.area-ico.area-pt{background-position:-301px -24px;} /*葡萄牙*/
.area-ico.area-py{background-position:-318px -24px;} /*巴拉圭*/
.area-ico.area-qa{background-position:-335px -24px;} /*卡塔尔*/
.area-ico.area-ro{background-position:-352px -24px;} /*罗马尼亚*/
.area-ico.area-ru{background-position:-374px -24px;} /*俄罗斯*/
.area-ico.area-sa{background-position:-386px -24px;} /*沙特阿拉伯*/
.area-ico.area-sb{background-position:-403px -24px;} /*所罗门群岛*/
.area-ico.area-sc{background-position:-420px -24px;} /*塞舌尔*/
.area-ico.area-sd{background-position:-437px -24px;} /*苏丹*/
.area-ico.area-se{background-position:-454px -24px;} /*瑞典*/
.area-ico.area-sg{background-position:-471px -24px;} /*新加坡*/
.area-ico.area-si{background-position:-488px -24px;} /*斯洛文尼亚*/
.area-ico.area-sl{background-position:-505px -24px;} /*塞拉利昂*/
.area-ico.area-sm{background-position:-522px -24px;} /*圣马力诺*/
.area-ico.area-sn{background-position:-539px -24px;} /*塞内加尔*/
.area-ico.area-so{background-position:-556px -24px;} /*索马里*/
.area-ico.area-sr{background-position:-573px -24px;} /*苏里南*/
.area-ico.area-st{background-position:-590px -24px;} /*圣多美和普林西比*/
.area-ico.area-sv{background-position:-607px -24px;} /*萨尔瓦多*/
.area-ico.area-sy{background-position:-607px -24px;} /*叙利亚*/

.area-ico.area-unknown{}
.public-modal .modal-footer .btn.btn-yes{display: inline-block;}
.no-dataLiveHtml{text-align: center;padding-top: 42px;display: none;}
.random-item-modal.public-modal .modal-footer .btn{display:inline-block;}


.item-bet,.gold-bet{border-top: 1px solid #1b1e20;}
.item-bet{background-color: #33383e;}
.item-bet .quiz-bs,.gold-bet .quiz-bs{background-color: #2a2d34;}
.you-guess{line-height: 40px;padding: 0 20px;height: 40px;}
.you-guess-team{display: inline-block;max-width: 150px;}
.you-guess-team img{margin: 0 8px;}
.revise-team{color: #14b9d6;cursor: pointer;}
#item-guess-list{}
#item-guess-list li{padding: 6px 20px 10px 20px;border-top: 1px solid #454954;}
.guess-steam-item.steam-item{margin: 0 0 0 5px;position: relative;width: 37px;height: 25px;}
.guess-steam-item:first-child{margin-left: 0;}
.guess-draw{padding-left: 10px;}
.guess-items{margin-top: 5px;}
.you-guess-details{margin-top: 4px;}
.cancel-quiz{display: inline-block;cursor: pointer;}
.cancel-quiz:hover{color: #14b9d6;}
.you-get-num{margin: 0 5px;color: #ee4e10;}
.gold-bet{background-color: #2f3239;}
.gold-guess-list{padding: 6px 20px 10px 20px;border-top: 1px solid #454954;}
.gold-guess-team{margin: 0 10px;display: inline-block;max-width: 145px;}
.gold-guess-num{color: #ee4e10;}
.gold-get-num{color: #ee4e10;margin: 0 10px;}
.no-qzlist{padding: 70px;text-align: center;}
.no-item-history{padding: 30px;text-align: center;}
.pdou-inventory{margin-top: 10px;text-align: center;font-size: 14px;}
.pdou-inventory-num{margin: 0 20px;}
.team-list{text-align: center;}
.change-team-list{display: inline-block;margin-left: 20px;}
.change-team-list:first-child{margin-left: 0;}

.vpgame-new-guess{padding: 20px;background: #2e3238;}
.guess-tittle{font-size: 14px;margin-bottom: 12px;}
.match-start-time{display: inline-block;font-size: 12px;}
.guess-team-btn.btn{background: #2E778A;height: 34px;line-height: 34px;padding: 0 20px;margin-right: 20px;border-radius: 4px;cursor: pointer;color: #ffffff;position: relative;
    border: none;outline: none;}
.guess-team-btn.btn:focus{outline: none;}
.guess-team-btn.btn.isstart-yes{opacity: 0.5;filter: alpha(opacity=50);pointer-events: none;cursor: default;}
.guess-team-btn.btn.isstart-yes:hover{background: #2E778A;}
.guess-team-btn.btn.isstart-yes.red:hover{background: #863a3d;}
.guess-team-btn.btn.red{background: #863a3d;}
.guess-team-btn.btn.active:after{content: '';position: absolute;bottom: -10px;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 5px solid #14b9d6;}
.guess-team-btn.btn:hover,.guess-team-btn.active{background-color: #14b9d6;color: #ffffff;}
.guess-team-btn.btn.red:hover,.guess-team-btn.red.active{background-color: #a74044;color: #ffffff;}
.guess-team-btn.btn.red.active:after{border-top: 5px solid #a74044;}

.guess-button{width: 110px;height: 29px;background: #23252b;border: 1px solid #393f46;border-radius: 29px;line-height: 29px;text-align: center;margin-top: 11px;cursor: pointer;color: #14b9d6;}
.guess-button.isstart-yes{color: #D4D4D4;opacity: 0.5;filter: alpha(opacity=50);pointer-events: none;cursor: default;}
.guess-button.isstart-yes:hover{background-color: #23252b;border-color: #393f46;color: #D4D4D4;pointer-events: none;}
.guess-button:hover,.guess-button.active{background-color: #24798b;border-color: #14b9d6;color: #ffffff;}
.gold-guess-details{background: #2e3238;padding: 20px;}
.guess-rule{color: #d35d15;background: #393f46;border-radius: 6px;text-align: center;padding: 11px 12px;}
.gold-guess-number{text-align: center;margin-top: 20px;font-size: 14px;}
.number-btn{background: #444953;color: #86a829;cursor: pointer;display: inline-block;padding: 5px 19px;border-radius: 4px;margin-right: 10px;border: 1px solid #444953;}
.number-btn.active{border-color: #14b9d6;position: relative;color: #14b9d6;}
.number-btn.active:after{content: "";position: absolute;bottom: 0;right: 0;width: 9px;height: 9px;background: url('/img/quiz/jc-icon.png') no-repeat center;background-position: -126px 0;}
.gold-guess-input{border: none;background-color: #444953;border-radius: 3px;padding: 5px 5px;margin-right: 10px;}
.pdou-submit{margin-left: 10px;}
.vpgame-you-guess{text-align: center;font-size: 14px;margin-top: 20px;}
.vpgame-your-team{display: inline-block;margin: 0 10px;min-width: 67px;}
.vpgame-your-team span{max-width: 160px;display: inline-block;float: right;margin-left: 5px;}
.item-guess-details .inline-block,.gold-guess-details .inline-block{display: inline-block;}
.you-guess-num{margin: 0 5px}
.expect-get{margin: 0 20px;}
.pdou-guess-get{margin-right: 20px;}
.item-guess-details{background: #2e3238;padding: 20px;}
.item-you-guess{background: #34393f;padding: 20px;}
.bean-guess-get{margin-left: 20px;}
.item-guess-price{margin-right: 20px;}
.all-guess-history{background: #2e3238;padding: 20px;position: relative;width: 100%;}
.all-guess-history .spinner{margin-top: 74px;}
.all-guess-history .guess-rank-media{padding: 9px 12px;}
.all-guess-history .guess-rank-media:first-child{color: #ffa200;}
.other-guess-history{width: 355px;}
.guess-history-gold{font-size: 14px;padding-top: 14px;}
.guess-history-message{width: 175px;margin-left: 10px;}
.user-gread{margin-top: 5px;}
.guess-history-name{max-width: 130px;margin-right: 10px;}
.guess-user-mess{margin-bottom: 3px;}
.history-guess-time{color: #a8aaac;}
.item-guess-username{max-width: 190px;}
.history-list-items .steam-item{width: 70px;height: 50px;margin: 8px 12px 0 0;}
#item-guess-history.all-guess-history .guess-rank-media{padding: 15px 0 15px 20px;}
.item-history-list{padding-right: 20px;}

/*更换队伍弹窗*/
.change-team-modal .modal-dialog{display: table;height: 100%;margin: 0 auto;}
.change-team-modal .modal-content{background-color: #393f46;}
.change-team-modal .modal-header{padding: 6px 12px;border-color: #393f46;}
.change-team-modal .modal-title{font-size: 12px;color: #ffffff;}
.change-team-modal .blue-round{margin: 3px 10px 0 0;}
.change-team-modal .modal-header .close{font-size: 24px;color: #D4D4D4;margin-top: -5px;font-weight: 900;filter: alpha(opacity=80);opacity: 0.8;}
.change-team-modal .modal-header .close:hover{color: #D4D4D4;filter: alpha(opacity=100);opacity: 1;}
.change-team-modal .modal-body{background-color: #2e3238;padding: 36px;}
.change-team-modal .modal-footer{border-color: #393f46;padding: 10px;text-align: center;}
.change-team-modal .modal-footer .btn.btn-default{padding: 4px 12px;background: #20869a;border-color: #20869a;color: #ffffff;}
.change-team-modal .modal-footer .btn.btn-default:hover,.change-team-modal .modal-footer .btn.btn-default:active,.change-team-modal .modal-footer .btn.btn-default:focus{opacity: 0.8;filter: alpha(opacity=80);}
.change-team-list{position: relative;width: 132px;cursor: pointer;border: 1px solid transparent;}
.change-team-list.active{border: 1px solid #657b2e;box-shadow: 0 0 10px rgba(181,255,0,0.4);}
.change-team-list img{background-color: #000000;}
.change-team-name{position: absolute;left: 0;width: 100%;top: 44px;opacity: 0.7;filter: alpha(opacity=70);text-align: center;color: #ffffff;height: 36px;padding: 12px 15px;
                 background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1) 80%);background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1) 80%);}
.change-team-draw{font-size: 30px;color: #ededed;position: absolute;left: 0;top: 20px;text-align: center;width: 100%;}
.change-team-mess{height: 28px;background: #23252b;line-height: 28px;padding: 0 10px;}
.team-zcl{background: #444953;height: 2px;width: 100%;}
.team-zcl-width{height: 2px;width: 30%;background-color: #657b2e;}
@media (min-width: 768px){
    .change-team-modal .modal-dialog {width: 520px;}
}
.items-ranking-head{position: relative;}
.rich-items .top20{margin-left: 317px;}
.rich-items .switch-ranking{background-position: -169px -70px;color: #14b9d7;}
.doyen-comment-head{background: #2c3036;width: 100%;height: 33px;line-height: 33px;border-bottom: 1px solid #212428;}
.doyen-comment-head i{background: url("../img/quiz/quiz-icon.png") no-repeat center;background-position: 0 -100px;width: 12px;height: 12px;float: left;margin:10px 5px 0 20px;}
.doyen-lilist{padding: 10px 20px;color: #a8aaac;}
.doyen-name{max-width: 75px;}
.doyen-time{color: #76787b;}
.doyen-gread{padding: 0 9px;color: #14b9d6;display: inline-block;border: 1px solid #14b9d6;border-radius: 8px;line-height: 19px;}
.doyen-comment{margin-top: 20px;}
.doyen-content{margin-top: 5px;color: #AAADB1;}
.doyen-ul-foot i{background: url("../img/quiz/quiz-icon.png") no-repeat center;width: 34px;height: 34px;float: left;cursor: pointer;}
.doyen-ul-foot{margin-top: 6px;overflow: hidden;height: 34px;line-height: 34px;}
.doyen-gold-money i{background-position: 2px -40px;}
.doyen-grey-money i{background-position: -36px -40px;margin-left: 20px;}
.doyen-gold-money.active i,.doyen-gold-money:hover i{background-position: -113px -68px;}
.doyen-grey-money.active i,.doyen-grey-money:hover i{background-position: -146px -68px;}
.doyen-zan i{background-position: -72px -40px;}
.comment-bottom{width: 100%;background: #34393f;border-top: 1px solid #000000;padding-bottom: 12px;}
.write-comment{width: 266px;height: 105px;border: 1px solid #474b50;background: #2e3238;margin: 12px 0 0 12px;padding: 12px;}
.write-comment-input{background: none;border: none;width: 100%;height: 60px;}
.click-sent{text-align: right;cursor: pointer;color: #50b9dc;border-top: 1px solid #474b50;padding: 3px 0;}
.road-more-comment{text-align: center;cursor: pointer;margin-top: 10px;}
.road-more-comment i{width: 11px;height: 10px;background: url("../img/quiz/road-more.jpg") no-repeat center;display: inline-block;margin-right: 5px;}
.doyen-comment-box{overflow: hidden;}
.doyen-zan{cursor: pointer;}
.doyen-zan.active.doyen-zan:hover{color: #ffffff;}
.second-comment{background: #2e3238;border: 1px solid #474b50;position: relative;}
.second-comment:before{position: absolute;content: '';border: 6px solid transparent;border-bottom: 6px solid #474b50;top: -12px;right: 12px;}
.second-comment ul.max-height{max-height: 345px;overflow: hidden;}
.doyen-lilist .doyen-lilist{padding: 10px;border-bottom: 1px solid #474b50;}
.doyen-lilist[data-list="2"],.doyen-lilist[data-list="3"],.doyen-lilist[data-list="4"]{display: none;}
.doyen-lilist .doyen-lilist .doyen-ul-foot{line-height: 20px;height: 20px;}
#doyen-list .guess-rank-media:hover{border-bottom: 1px solid transparent;}
.click-to-read{color: #ffffff;cursor: pointer;}
.more-second-comment{padding: 5px 10px;}
.click-to-reply{color: #50b9dc;cursor: pointer;}
.second-comment-input{border: none;background: #444953;width: 228px;margin: 6px 10px;}
textarea.form-control.second-comment-input{padding: 5px 8px;height: 60px;color: #AAADB1;}
.conmment-btn{color: #50b9dc;border: none;background: #444953;border-radius: 2px;margin: 0 10px 5px;padding: 3px 12px;font-size: 12px;}
.conmment-btn:hover{color: #50b9dc;}
.like-hate-num{margin-left: 5px;}
.pagination.text-center{display: none;}
.no-comment{background: #34383e;text-align: center;padding: 30px 0;}

.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > .active > a:hover, .pagination ul > .active> span:hover, .pagination ul >.active > a:focus, .pagination ul > .active > span:focus {
    color: #14b9d6;
    background: transparent;
    border-color: #14b9d6;
}
.pagination ul > li > a, .pagination ul >li>span {
    padding: 1px 6px;
}
.pagination ul > li a {
    margin-left: 3px;
    border-radius: 2px;
    font-size: 12px;
    color: #d4d4d4;
    background: transparent;
    border: 1px solid #d4d4d4;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    background-color: transparent;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.pagination ul > li > a:hover, .pagination ul > li > span:hover, .pagination ul > li > a:focus, .pagination ul > li >span:focus {
    color: #14b9d6;
    background: transparent;
}
.pagination{margin: 0;}
.pagination li.first,.pagination li.last{display: none;}
textarea{resize: none;}